body {
  font-family: Microsoft YaHei, "微软雅黑", Arial, Helvetica, sans-serif !important;
}
@font-face {
  font-family: '优设标题黑';
  src: url('./font/优设标题黑.ttf');
}
#subapp-viewport{ width: 100%; height: 100%; position: relative}

.topDorp {
  margin-top: -15px;
  width: 115px;
  left: 17px;
  text-align: center !important;
  padding: 0px !important;
  em {
    color: #5f6772;
  }
  .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
    padding: 8px 12px !important;
  }
}
.userInfor {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  .users {
    min-width: 100px;
    float: right;
    text-align: center;
  }
  .userBg {
    padding: 0 8px;
    overflow: hidden;
    position: relative;
  }
  .header_name {
    color: #eaf3fe;
    padding: 1px 5px;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    em{margin-top: 2px}
  }
  .userBg::before {
    content: '';
    position: absolute;
    left: 0;
    top: 17px;
    width: 100%;
    height: 33px;
    background: #002142;
    border-radius: 15px;
    z-index: 0;
  }
  .ant-dropdown-menu {
    width: 120px;
  }
  .iAbout {
    float: right;
    color: #afb8d6;
    font-size:16px;
    margin-left: 20px;
    em {
      font-size: 20px; margin-left: 10px; margin-right: 10px;
    }
    a{
      color: #afb8d6; margin-right: 10px;
    }
  }
  .topScree {
    float: right;
    margin-right: 0px;
    padding-left: 10px;
    padding-top: 3px;
  }
}
.ant-menu-sub{
  .ant-menu-item{
    border-radius: 3px; color: #919bbc; font-weight: normal;

  }

}

.ant-menu{

  .ant-menu-item-selected,.ant-menu-item:active, .ant-menu-submenu-title:active,.ant-menu-item:hover{
    background: #419aff !important; color: #fff !important;border-radius: 3px;
    em{
      color: #fff !important;
    }
  }
  /*.ant-menu-item:hover{
    !*background: #419aff !important; *!color: #419aff !important;border-radius: 3px;
    em{
      color: #419aff !important;font-size: 18px!important;
    }
  }*/
  .ant-menu-submenu-title{
    font-size: 15px !important; margin-bottom: 10px;
  }
}

.ant-menu-submenu-title{
  height: 50px !important; line-height:50px !important; margin-bottom: 0px !important; font-weight: 600;
  color: #464d5b;
  em{
    color: #919bbc; font-size: 18px!important;
  }
}


 .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover,.ant-menu-submenu-selected{
  color: #419aff!important;
  em{
    color: #419aff!important;
  }
  .ant-menu-submenu-title,.ant-menu-submenu-arrow{
    color: #419aff!important;
  }
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
  height: 50px !important; line-height: 50px !important; font-size: 15px !important;
}
.ant-menu-item{
  color: #464d5b; font-weight: 600;
  em{
    color: #919bbc;font-size: 18px!important;
  }
}


.ant-menu-submenu-title{
  height: 50px !important; line-height:50px !important; font-size: 16px !important; margin-bottom: 0px !important;
}

.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
  height: 40px !important; line-height: 40px !important; font-size: 15px !important;
}

.main .menuSub .ant-menu-submenu-inline{
  background: transparent !important;
}
.main .menuSub .ant-menu-submenu-open{
  background: transparent !important;
}
.main .menuSub .ant-menu-submenu-open .ant-menu-submenu-title:hover{
  background: transparent !important;
}
.main .menuSub .ant-menu-submenu-active{
  background: transparent !important;
}

#components-layout-demo-top-side-2::-webkit-scrollbar{
  display: none;
}
#components-layout-demo-top-side-2{
  width: 100% !important;
  scrollbar-width:none;
  -ms-overflow-style: none;
  min-width:1350px !important;
  height: 100% !important;
  overflow-x: scroll !important;
  overflow-y:hidden ;
}
.ant-layout-header{
  width: 100%;
  min-width:1350px !important;
  position: relative;
  background: #052b5a !important;
  padding: 0 20px !important;
}
.apply-title-btn-wrap {
  float: right; position: relative; z-index: 99;
  a {
    margin-left: 15px;
    color: #a3a8b4;
  }
}

.software-down-style {
  .device-img {
    width: 100%;
    height: auto;
    > img {
      float: left;
      display: block;
      width: 100%;
      height: 100%;
    }
    .addSoft {
      float: left;
      width: 400px;
      height: 320px;
      margin-right: 15px;
      margin-bottom: 15px;
      border: 1px dashed #c5c8d1;
      text-align: center;
      border-radius: 6px;
      background: #fff;
      em {
        margin-top: 40px;
        width: 100px;
        height: 100px;
        line-height: 125px;
        background: #f1f2f6;
        border-radius: 50%;
        font-style: normal;
        display: inline-block;
      }
      .softCoin {
        font-size: 50px;
        color: #a3a8b4
      }
      h2 {
        width: 100%;
        line-height: 30px;
        margin-top: 25px;
        font-size: 18px;
        color: #464d5b
      }
      p {
        width: 100%;
        line-height: 30px;
        color: #a3a8b4
      }
    }
  }
  .card-box {
    width: 370px;
    margin: -24px -10px;
    background: #f7f8fb;
    border-radius: 10px;
    padding: 15px 20px 28px;
    p {
      width: 100%;
      height: 40px;
      line-height: 40px;
      color: #6d7581;
      em {
        display: inline-block;
        color: #464d5b;
        font-style: normal;
      }
      a {
        float: right;
      }
    }
  }
}

.ant-spin {
  width: 100%;
  height: 100%;
  position: absolute !important;
  z-index: 9999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65)
}

.ant-form-item-control-wrapper {
  position: relative;
}
.ant-input-disabled{
  color: #c5c8d1 !important;
}
.qrngsInline .ant-form-inline .ant-form-item {
  display: block !important;
}


.ant-layout {
  background: #f1f2f6 !important;
  height: 100% !important;
}

.ant-card-bordered {
  border: 1px solid #f1f2f6 !important;
  border-radius: 6px !important;
}

.ant-card-head:before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 3px;
  height: 20px;
  border-radius: 4px;
  background: #419aff;
}

.ant-card-head {
  background: transparent;
  border-bottom: 1px solid transparent !important;
  padding: 0 20px !important;
  min-height: 48px;
  font-size: 15px !important;
  font-weight: 600;
}

.ant-card-head-title {
  border-bottom: 1px solid #f5f5f5; padding: 12px 0 !important;
}

.soft_title {
  .ant-card-head-title {
    border-bottom: 0 solid #f5f5f5 !important;
  }
}

p {
  margin-top: 0;
  margin-bottom: 0 !important;
}

@fontMainColor: #419aff;
@fontTextColor: #c5d3e4;

.ant-menu-inline-collapsed > .ant-menu-item .iconfont + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .iconfont + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .iconfont + span, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .iconfont + span {
  max-width: 0;
  display: inline-block;
  opacity: 0;
}
.ant-menu-item .iconfont + span, .ant-menu-submenu-title .iconfont + span {
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
}

.formSearch{
  height: 58px; overflow: hidden;
  .ant-input-affix-wrapper .ant-input:not(:last-child) {
    padding-right:0 !important;
  }
  .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color:transparent !important;
    border-right-width: 0px !important;
  }
  .ant-input-affix-wrapper .ant-input {
    min-height:37px !important;
  }
  .ant-input-affix-wrapper .ant-input-prefix {
    width:0px;display: none !important;
  }
  .ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 11px !important;
    padding-right: 28px !important;
  }
  .ant-form-inline {
    text-align: left;
    .ant-form-item {
      margin-bottom: 8px !important;
    }
  }
}
.formSearch, .modelSearch ,.onePageMsg{
  .ant-form-item-label > label::after {
    content: ' ' !important;
  }
  .ant-select-selection--multiple .ant-select-selection__choice__remove {
    color: @fontMainColor;
  }
  .ant-calendar-range-picker-separator {
    /*color: #e4eef8;*/
  }
  .ant-form-inline {
    text-align: left;
    .ant-form-item {
      margin-bottom: 24px;
      margin-right:16px;
      .ant-form-item-control-wrapper {
        display: inline-block;
        vertical-align: middle;
      }

      > .ant-form-item-label {
        line-height: 37px;
        padding-right: 0px !important;
        width: auto;
        label {
          color: #e4eef8;
        }
      }
    }
  }
  .customformItem {
    width: 400px !important;
  }
  .table-page-search-submitButtons {
    display: inline-block;
    text-align: left;
    margin-bottom: 24px;
    white-space: nowrap;
  }

  .ant-select-selection {
    background: #f1f2f6;
    border-color: transparent;
    color: #464d5b;
    text-align: right;
    line-height: 37px;
    min-height: 37px;
  }
  .ant-select-selection__rendered {
    line-height: 37px !important;
    min-height: 37px;
  }
  .ant-select-arrow {
    text-rendering: optimizeLegibility;
  }
  .ant-select-open .ant-select-selection {
    border-color: transparent !important;
  }
  .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
    border-color: transparent !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px transparent !important;
    box-shadow: 0 0 0 2px transparent !important;
    border-right-width: 0 !important;
  }
  .ant-select-selection:hover {
    border-color: transparent !important;
    border-right-width: 0 !important;
  }
  .ant-form-item-with-help{
    margin-bottom: 1px !important;
  }
  .ant-form-explain {
    font-size: 14px !important;
    height:23px; line-height: 23px !important; padding: 0; margin: 0;
  }
  .ant-form-extra {
    font-size: 14px !important; color: red; clear: none !important;
    height:24px; line-height: 23px !important; padding: 0; margin: 0
  }
}

.ant-form-item {
  margin-bottom: 24px;
  > .ant-form-item-label {
    line-height: 37px;
    padding-right: 0px !important;
    label {
      color: #e4eef8;
    }
  }
  .ant-form-item-control {
    line-height: 37px;
    border-radius: 0;
    border: 1px solid transparent;
    text-align: left;
    padding-right: 0px;
    color: #464d5b;
  }
  .ant-input, .ant-input-number,.ant-input-number-input {
    background: #f1f2f6;
    border-color: transparent;
    color: #464d5b;
    float: left;
    line-height: 37px;
    min-height: 37px;
  }
  .ant-input-number{
    min-height: 39px !important;
  }
  .ant-input-number-focused, .ant-input-number:hover, .ant-input:hover, .ant-input-focused, .ant-input:focus, .ant-input:active {
    border-color: transparent;
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent;
  }
  .ant-calendar-picker-input,.ant-time-picker-input{
    height: 37px; line-height: 37px; padding: 0 0 0 10px;
  }
  .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled),.ant-time-picker-input:hover {
    border-color: transparent !important;
  }
  .ant-time-picker-input:focus {
    border-color: transparent !important;
    outline: 0;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    border-right-width: 0px !important;
  }
  .ant-time-picker-input {
    position: relative;
    display: inline-block;
    color: #6d7581;
    background: #f1f2f6 !important;
    border: 0px solid transparent;
  }
  .ant-calendar-picker-clear{
    background: #f1f2f6 !important;
  }
}
@media screen and (max-width: 1500px) {
  .ant-calendar-picker{
    min-width: 120px !important;
    width: 120px !important;
  }
}
.ant-time-picker-panel-inner{
  top:2px;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 162px !important;
}
.ant-time-picker-panel-select {
  width: 81px !important;
}
.ant-time-picker-panel-input,.ant-time-picker-panel-input-wrap{
  background: #f1f2f6 !important;
}
.ant-btn{
  height: 37px !important; line-height: 37px !important; min-width: 80px!important;
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0)!important;    padding: 0 11px!important;
}
.ant-btn-default{
  color: #464d5b !important;
  background-color: #e2e3e7 !important;
  border-color: #e2e3e7 !important;
}
.ant-btn-default:hover,.ant-btn-default:focus,.ant-btn-default:active {
  opacity: 0.8!important;
  color: #fff!important;
  background: #a3a8b4!important;
  border-color: #a3a8b4 !important;
}
.ant-input-number-handler-wrap{
  display: none;
}
.ant-select-selection__clear{
  background: #f1f2f6 !important;
}
.ant-radio-inner {
  border-color: #6d7581;
  background-color: #fff;
}

.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
  color: #c5c8d1 !important;
}
.ant-calendar-input {
  background: #f1f2f6 !important;
}

.ant-calendar {
  border: 1px solid #f1f2f6  !important;
  margin-top: 3px;
}
.ant-calendar-input-wrap {
  height: 36px !important; line-height: 28px !important;;
  padding: 4px 10px !important;
  border-bottom: 0 solid #e8e8e8 !important;
  background: #f1f2f6 !important;
}

.ant-calendar-range-picker-separator {
  color: #e4eef8;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  background: transparent !important;
}

.ant-tree-treenode-switcher-close:hover, .ant-tree-treenode-selected {
  background: #f1f2f6
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #f1f2f6 !important;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px !important;
}
.ant-tree li{
  padding: 6px 0 !important;
}
.resourceTree{
  .ant-tree-treenode-switcher-close:hover, .ant-tree-treenode-selected {
    background: transparent !important;
  }
  .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: transparent !important;
    .ant-tree-title{ color: #419aff !important;}
    .file{ color: #419aff !important;}
  }
}
.customformItem {
  width: 400px !important;
}

.rowClass{
  margin-bottom: 10px;
  em{ font-style: normal; display: inline-block; margin-right: 5px;}
}
.cardRight{
  position: absolute;; right: 10px; top: 10px
}
.table-page-search-submitButtons {
  display: inline-block;
  text-align: left;
  margin-bottom: 24px;
  white-space: nowrap;
}
.ant-card-body {
  padding: 18px 32px 0 !important;
}

.ant-select-focused {
  border-color: transparent !important;
}

.ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
  border-color: transparent !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px #f1f2f6;
  box-shadow: 0 0 0 2px #f1f2f6;
  border-right-width: 0px !important;
}

.ant-select-dropdown {
  box-shadow: 0 0px 5px #f1f2f6 !important;
}

.ant-form-item-label label {
  color: #6d7581 !important;
}



/*列表样式管理*/
.commonStyle {
  width: 100%;/* min-width: 1100px;*/
  background: #fff;
  min-height: 610px;
  padding: 15px 24px 10px;
  position: relative;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  .commonTit {
    width: 100%;
    background: transparent;
    border-bottom: 1px solid #f5f5f5;
    font-size: 15px;
    color: #464d5b;
    font-weight: 600;
    margin-bottom: 20px;
    height: 38px;
    line-height: 25px;
    .commonTitAdd {
      float: right;
      button {
        margin-left: 15px
      }
    }
    &:before {
      content: '';
      position: absolute;
      left: 0;
      top: 18px;
      width: 3px;
      height:20px;
      border-radius: 4px;
      background: #419aff;
    }
  }
  .table-operator {
    margin-bottom: 18px;
    button {
      margin-right: 8px;
    }
  }
  .table-operation,
  .table-operation-box {
    a {
      margin-right: 17px;
      color: #419aff;
    }
    .adel {
      color: #ff4d4f !important;
    }
    .adel:hover {
      color: #ffa5a6 !important;
    }
    a:hover {
      color: #0c89e8;
    }
  }
  .table-operation-box {
    a {
      margin-right: 10px !important;
    }
  }
  .ant-table {
    color: #6d7581;
    .ant-table-thead > tr > th {
      background: #f7f8fb;
      color: #464d5b;
      font-size: 15px;
      font-weight: 500;
      border-top: 0px solid #dfe4ed;
      border-bottom: 0px solid #dfe4ed;    padding: 12px 14px;
    }
    .ant-table-expanded-row-level-1 {
      background: #f9f9f9;
    }
    .ant-table-tbody {
      tr:nth-child(even) {
        background: #f7f8fb;
      }
      tr {
        td {
          border-bottom: 1px solid #f3f4f7;     padding: 12px 14px;
        }
      }
      tr.ant-table-expanded-row,
      tr.ant-table-expanded-row:hover {
        background: #f9fafe;
        border: 0 solid rgba(0, 164, 255, 0.35);
      }
      tr.ant-table-expanded-row td > .ant-table-wrapper {
        margin: -16px -16px -17px -126px;
        //padding-bottom: 1px;
        .ant-table {
          border: 0 solid transparent;
          border-bottom: 1px solid #dfe4ed;
        }
        .ant-table-thead > tr > th {
          background: #f9fafe;
          color: @fontTextColor;
          font-size: 14px;
          font-weight: bold;
          border: 0 solid transparent;
        }
        .ant-table-tbody {
          tr {
            background: #f9fafe;
            td {
              border-bottom: none;
            }
          }
        }
      }
    }
    .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
    .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
    .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
      background: #eaf3fe !important;
    }
  }
  .commonTitle {
    width: 100%;
    height: 48px;
    line-height: 30px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 18px;
    color: #464d5b;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
  }
}
.pagination-total {
  float: left !important;
  margin-left:20px;
  color: #969ea9;
  display: inline-block;
  vertical-align: top;
  height: 32px;
  line-height: 32px;
  margin-top: 15px;
  span {
    color: @fontMainColor; margin-left: 5px; margin-right: 5px;
  }
}
.ant-pagination {
  float: right;
}

.ant-pagination-options-quick-jumper {
  display: inline-block;
  vertical-align: top;
  height: 32px;
  line-height: 32px;
  float: right;
  margin-top: 15px !important;
  margin-bottom: 0px  !important;
  margin-left: 20px;
  .ant-pagination-options{
    float: right !important;
  }

}

.ant-pagination{
  .ant-pagination-item-active a,.ant-pagination-item a:hover{
    background: @fontMainColor !important; color: #fff!important; border-radius: 4px;
  }
}
.ant-pagination-options-quick-jumper input {
  background: #f1f2f6 !important;
  color: #419aff !important;
  border: 0px solid rgba(191, 191, 191, 0.3) !important;
}
.ant-pagination-item{
  border-width:0 !important;
  margin-right: 2px !important;
  float: left;
}
.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next{
  float: left;
}
.ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input:hover {
  border-color: #f1f2f6 !important;
  outline: 0;
  -webkit-box-shadow:none  !important;
  box-shadow:none  !important;
  border-right-width: 0 !important;
}

.ant-select-selection {
  background-color: #f1f2f6 !important;
  border-radius: 2px;
  border: 1px solid #f1f2f6 !important;
  color: #6d7581 !important;
}
.ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
  -webkit-box-shadow: none  !important;
  box-shadow: none  !important;
  border-right-width: 0 !important;
}
.ant-select-arrow::after{
  content: '';
  position: absolute; top: 0px;
  right: -5px; width: 10px; height: 20px; background: url("./images/commonCoin.png") -15px 2px no-repeat;
}
.ant-select-open{
  .ant-select-arrow::after{
    background: url("./images/commonCoin.png") -15px -26px no-repeat;
  }
}
.ant-select-arrow i{display: none !important;}


.ant-select-dropdown-menu-item{ text-align: left !important;}
.ant-select-disabled .ant-select-selection{
  background: #f1f2f6 !important;
  color: #c5c8d1 !important;
}
.ant-tabs-bar {
  border-bottom: 0 solid #e8e8e8 !important;
}

.ant-tabs-nav .ant-tabs-tab-active {
  color: #fefeff !important;
  font-weight: 500;
  background: #419aff !important;
}

.ant-tabs-nav .ant-tabs-tab:active, .ant-tabs-nav .ant-tabs-tab:hover {
  color: #fefeff !important;
  font-weight: 500;
  background: #419aff;
}

.ant-tabs-nav .ant-tabs-tab {
  color: #6d7581;
  font-weight: 500;
  background: #e2e3e7;
  border-radius: 2px;
  margin: 0 2px 0 0 !important;
  padding: 8px 24px !important;
  -webkit-transition:none !important;
  transition:none !important;
}

.ant-tabs-nav .ant-tabs-tab:last-child{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ant-tabs-nav .ant-tabs-tab:first-child{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ant-tabs-ink-bar {
  display: none !important;
}

.ant-modal-mask {
  background-color: rgba(27, 34, 45, 0.55) !important;
}

.ant-modal-content {
  padding: 0 22px 22px 22px !important
}

.ant-modal-header {
  color: #464d5b !important;
  padding: 20px 16px 12px !important;
  border-bottom: 1px solid #f5f5f5 !important;
}

.ant-modal-footer {
  text-align: center !important;
  padding: 16px 16px 0px !important;
  border-top: 1px solid #f5f5f5 !important;
  button{ margin-left: 24px; margin-right: 24px}
}

.ant-modal-header:before {
  content: '';
  position: absolute;
  left: 24px;
  top: 24px;
  width: 3px;
  height: 16px;
  border-radius:15px;
  background: #419aff;
}

.returnUpBack {
  width: 100%;
  margin-top: -50px;
  height: 50px;
  line-height: 50px;
  padding-right: 8px;
  a{
    color: #464d5b;
    em{ display: inline-block; float: right; margin-top: 1px; font-size: 20px; margin-right: 8px; color: #6d7581; }
    span{display: inline-block;float: right; }
  }
  a:hover{
    em{color: #419aff;}
  }
  text-align: right;
}

.ant-transfer-list {
  border: 0 solid #d9d9d9 !important;
}

.ant-transfer-list-header {
  width: 100%;
  background: #f1f2f6 !important;
  border-bottom: 0 solid #e8e8e8 !important;
  height: 52px !important;
  line-height: 45px !important;
  overflow: hidden;
}

.ant-transfer-list-body {
  background: #f7f8fb;
  margin-top: 18px;
}

.handFile {
  width: 100%;
  height: auto;
  position: relative;
  a {
    display: inline-block;
    width: 84px;
    margin-left: 15px;
    text-align: center;
    height: 37px; line-height: 37px;
    background: #0f353d;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    color: #c5d3e4;
    border: 0px solid #84a4c9;
    border-radius: 4px;
    input {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      width: 80px;
    }
  }
  .help-block {
    width: 100%;
    color: red;
    line-height: 18px;
  }
  .ivu-form-item-content{ height: 32px;}
  .ant-form-extra{
    margin-top: -10px !important;
  }
}

.noLabelAfter{
  .ant-form-item-label label:after {
    content: ' ' !important;
  }
  button{ margin-right: 20px}
}

.modalDetail {
  width: 100%; font-family: "Microsoft YaHei";
  p {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    line-height: 30px;
    padding: 0;
    vertical-align: top;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    em {
      font-weight: bold; list-style: none; font-style: normal; display: inline-block; width: 120px; text-align: right;
      vertical-align: top;
    }
    span{
      display: inline-block; width: calc(100% - 120px);
    }
    .minSpan{max-height: 60px; overflow-y: scroll;}
    a {
      color: #0f253e;
    }
  }
  .li100 {
    width: 100%;
  }
  .kmrate {
    width: 100%;
    dl {
      line-height: 30px;
      dt {
        width: 150px;
        display: inline-block;
        float: left;
      }
      dd {
        width: 400px;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        span {
          width: 40px;
          display: inline-block;
          text-align: center;
        }
      }
    }
  }
}
/*自定义滚动信息表格样式*/
.soft-total-table-wrap{
  overflow:hidden;
  margin-top:5px;
}
.soft-info-table{
  table-layout:fixed;
  width:100%;
  overflow:auto;
  border-top: none;
  font-size: 14px;
  td{
    height: 30px;
    padding: 6px 10px;
    line-height: 30px;
    box-sizing: border-box;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: top;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #f3f4f7;
  }
  th{
    height: 1px;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f3f4f7;
    min-width: 0;
    box-sizing: border-box;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
  tr:nth-child(even) {
    background: #f7f8fb;
  }
  tr td:last-child {
    border-right: none;
  }
  tr:last-child td {
    //border-bottom: none;
  }
  .tbinput {
    width: 150px; float: left;
  }
  .handel {
    a {
      margin-left: 10px;
      margin-right: 10px
    }
  }
  .one{
    width:150px;
  }
  .two{
    width:300px;
  }
  .three{
    width:300px;
  }
  .four{
    width:300px;
  }
  .five{width: auto}
  .ivu-input{
    padding: 2px 4px; height: 30px;
  }
}
.soft-table-fix-head{
  position:relative;
  top: 0px;
  z-index: 3;
  table-layout:fixed;
  width: 100%;
  height: 52px;
  thead tr {
    height: 52px;
    overflow: hidden;
    line-height: 50px;
    text-align: center;
  }
  thead tr td {
    background: #f3f4f7;
    height: 50px;
    overflow: hidden;
    line-height: 52px;
    text-align: left;
    padding: 0px 10px 0 10px;
  }
  thead tr td:last-child {
    border-right: none;
  }
  .one{
    width:150px;
  }
  .two{
    width:300px;
  }
  .three{
    width:300px;
  }
  .four{
    width:300px;
  }
  .five{width: auto}
}
.soft-info-table-wrap{
  position:relative;
  max-height:300px;
  margin-top:0px;
  overflow:auto;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  position: absolute;
  left:90px !important;
}
.ant-badge-not-a-wrapper{
  vertical-align: baseline !important;
}
.bdProcessing{
  .ant-badge-status-text{ color: #1890ff !important;}
}
.overTextShow{
  width:320px; display: block; float:left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}
.miaoshu{
  width: 100% !important;
  .ant-form-item-label{ float: left !important;}
  .ant-form-item-control-wrapper{ float: left !important; width:calc(100% - 120px) !important;}
}


.rightMsg{
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 35px 0 10px;
  line-height: 40px;
  background: #FFFBE6;
  margin-bottom: 10px;
  color:#666;
  border:1px solid #fbb62a;
  position: relative;
  .closeMsg{
    position:absolute;
    right: 15px;
    top: 10px;
    color: #fbb62a;
    font-size: 16px;
  }
  a{
    display: inline-block; margin-left: 10px; margin-right: 10px;
    background: #113961; padding: 0px 10px 0px 10px;height: 30px;
    line-height: 30px;
    border-radius: 5px;
  }
  a:hover{
    background: rgba(17,57,97,0.8) !important;
  }
}
/*google和360浏览器滚动条样式*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
.spinBox{
  width: 100%; height: 100%;padding-top: 300px; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.2); z-index: 99999999; font-size: 20px;
  text-align: center; color: #fff;

}
.onePageMsg{ width:700px;}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 240px !important;
}

.ant-radio-button-wrapper:first-child {
  border-radius: 10px 0 0 10px !important;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 10px 10px 0 !important;
}
.ant-radio-button-wrapper {
  height:35px !important;
  line-height: 35px !important;
  color: #464d5b;
  padding: 0 16px !important;
  position: relative;
  border: 0px solid #d9d9d9 !important;
  margin: 0 2px 0 0 !important;
}
.ant-radio-button-wrapper:hover, .ant-radio-button-wrapper-focused {
  color: #fff !important; background: #419aff;
  position: relative;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  padding: 0px 0;
  background: #fff;
}

.indexBox {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 6px !important;
  color: #6d7581;
  background: #fff;
  height: auto;
  overflow: hidden;
  padding-bottom: 10px; margin-bottom:15px;
  .indexTitle {
    border-radius: 2px 2px 0 0;
    zoom: 1;
    margin-bottom: -1px;
    min-height: 48px; line-height: 48px;
    font-size: 17px;
    color: #464d5b;
    font-weight: 500;
    padding: 0 20px !important;
    position: relative;
  }
  .indexTitle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 17px;
    width: 3px;
    height: 20px;
    border-radius: 4px;
    background: #419aff;
  }
  .indexForm{
    background: #f2f4f8; width:calc(100% - 30px); border-radius: 10px; margin:5px 15px 15px;
    padding: 18px 0; height: auto; overflow: hidden;
    ul {
      width: 100%;
      padding: 0;
      margin: 0;
      li {
        width: 100%;
        height: 50px;
        line-height: 40px;
        text-align: left;
        list-style: none;
        font-size: 16px; color: #464d5b;
        span {
          display: inline-block;
          width: 120px;
          text-align: right; font-size: 14px; color: #6d7581;
        }
      }
    }

    .ant-form-item{ margin-bottom: 8px !important;}
  }
  .btn{width:calc(100% - 30px); margin:5px 15px 5px;}
}

.chartItem {
  float: right;
  text-align: right;
  font-size: 12px;
  color: #5f6772;
  margin-top: 5px;
  span{
    display: inline-block;
    em {
      display: inline-block;
      margin-right: 5px;
      margin-left: 30px;
      width: 15px;
      height: 10px;
      border-radius: 3px;
      background: #ffa800;
    }
  }
  span:nth-child(1) {
    em{
      background: #419aff;
    }
  }
  span:nth-child(2) {
    em{
      background: #ff8183;
    }
  }
  span:nth-child(3) {
    em{
      background: #65d6a9;
    }
  }
}
.chart-top-tip {
  em {
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #ff8183;
  }
  em:nth-child(1) {
    background: #57b3f2;
  }
  em:nth-child(2) {
    background: #57b3f2;
  }
  em:last-child {
    background: #ff8183;
  }
}

.formError{
  .ant-form-item-with-help{
    margin-bottom: 1px !important;
  }
  .ant-form-explain,.ant-form-extra {
    font-size: 14px !important; color: #f5222d !important; position: absolute;
    height:24px; line-height: 23px !important; padding: 0 !important; margin: 0; top:47px;
  }
}

.steps-content{ margin-top: 20px;}
.textareaHeight{ line-height: 20px !important;}

.yStyleBox {
  width: 1150px;
  min-height: 250px;
  margin: 20px 0;
  overflow: hidden;
  .tit {
    width:100%;
    line-height: 40px;
    font-size:18px;
    height:40px;
    color: #419aff; margin-bottom: 15px;
    &:before{
      content:' ';
      width:3px; display: inline-block;
      height: 18px;
      background: #419aff;
      position: relative;
      left: 0; top:2px;  border-radius: 4px;
      margin-right: 10px;
    }
    button{ float: right; margin-top: 8px}
  }
  .mainBox{ width: 100%; position: relative;}
  .handFileBox {
    width: 260px;
    height: auto;
    position: relative;
    float: left;
    a {
      display: inline-block;
      width: 260px;
      text-align: center;
      height: 160px; line-height: 30px;
      background: #f1f2f6;
      position: relative;
      cursor: pointer;
      overflow: hidden;
      color:rgba(63,69,82,0.6);
      border-radius: 5px;
      border: 1px dashed #bcccda;
      input {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 240px;
        height: 160px;
      }
      .iconSpan{font-size: 40px; color: #419aff; margin-top: 40px}
      em{}
    }
    .help-block {
      width: 100%;
      color: red;
      line-height: 18px;
    }
    .ivu-form-item-content{ height: 32px;}
    .ant-form-extra{
      margin-top: -10px !important;
    }
  }
  .mainMsg{
    float: left;
    width: 300px; margin-left: 20px; margin-top:45px ;
    font-size: 15px; line-height: 30px;color: rgba(63,69,82,0.6);
  }
  .mainSL{
    width: 260px;
    height: 160px;
    position: relative;
    float: right;
    border: 1px solid #ccc; border-radius: 5px;
    &:before{
      content: '示例图';
      letter-spacing: 2px;
      width: 100%;
      height: 100%; text-align: center;
      line-height: 280px;
      font-size:28px;
      color: #ccc;
      position: absolute;
      left: 0;
      top:0;
      overflow: hidden;
    }
    .beforeLogo {
      width: 160px;
      height: 50px;
      border-top-left-radius: 5px;
      background: #052b5a; color: #fff; font-size: 15px; line-height: 50px;
    }
    .uplogoBg {
      width: 35px;
      height: 35px;
      margin-left: 10px;
      margin-right: 2px;
      margin-top: 0px;
      float: left;
      text-align: center;
      /* border-radius: 100%;
       background:url("images/logo.png");
      background-size: 100% 100%;*/
      img{
        max-width: 205px; margin: 0 auto;
        height: 35px;
      }
    }
  }
  .dllogo{
    background: url('images/logobg.jpg') top center no-repeat #f7fcff;
    background-size: 100% 100%;
    .uplogoBg{
      height: 35px; text-align: center;
      width: 260px; margin: 17px auto !important;
      img{
        max-width: 205px; margin: 0 auto;
        height: 35px;
      }
    }
  }
  .uplogoName{ width: 100%; height: 40px; font-size: 16px; color: #fff; text-align: center; display: inline-block}
  .bqsy{
    width: 180px;
    text-align: center;
    margin:20px auto;
    height: 120px;
    padding: 0px 0px;
    position: relative;
    background: #fff;
    border-radius: 10px; box-shadow: 0px 0px 40px rgba(65,154,255,0.37);
    color: #419aff; font-size: 12px; line-height: 190px;
    transform:scale(0.6);
  }
}

.ant-breadcrumb{
  font-size: 15px !important; line-height: 50px !important;
}


.ant-btn:visited{
  border-color: transparent !important;
}

.spinBox{
  width: 100%; height: 100%;padding-top: 300px; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.2); z-index: 99999999; font-size: 20px;
  text-align: center; color: #fff;

}

/*
@font-face {
  font-family: Ionicons;
  src: url(fonts/ionicons.woff2?v=3.0.0) format("woff2"), url(fonts/ionicons.woff?v=3.0.0) format("woff"), url(fonts/ionicons.ttf?v=3.0.0) format("truetype"),url(fonts/ionicons.svg?v=3.0.0#Ionicons) format("svg");font-weight:400;font-style:normal}
.ivu-icon{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle}
.ivu-icon-ios-calendar-outline:before{content:"\f15b"}
.ivu-icon-ios-arrow-down:before{content:"\f116"}
.ivu-select-selection-focused .ivu-select-arrow, .ivu-select-selection:hover .ivu-select-arrow {
  display: inline-block
}

.ivu-select-arrow {
  position: absolute;
  top: 50%;
  right: 8px;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: #808695;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.ivu-icon-ios-help-circle-outline:before {
  content: "\f1f4"
}

.ivu-icon-ios-help-circle:before {
  content: "\f1f5"
}
.ivu-icon-ios-information-circle:before {
  content: "\f202"
}
.ivu-icon-ios-checkmark-circle:before {
  content: "\f170"
}
.ivu-icon-ios-alert:before {
  content: "\f108"
}
.ivu-icon-ios-close-circle:before {
  content: "\f177"
}
*/

input::placeholder,textarea::placeholder,.ant-select-selection__placeholder{
  color: #c5c8d1 !important;
}

.ant-modal-confirm{
  .ant-modal-content {
    padding: 0 !important;
  }
  .ant-modal-body {
    padding: 24px !important;
  }
  .ant-modal-confirm-btns{
    margin-top: 18px !important;
  }
}


.syMsg{
  width: 100%;
  padding: 10px 50px 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
  .syMsgTit{
    width: 100%;
    font-size: 16px;
    color: #464d5b;
    position: relative;
    line-height: 40px;
    margin: 0 auto 20px;
    font-weight: 600;
  }
  .syMsgTit::before{
    content: '';
    width: 12px;
     height: 12px;
    border-radius: 50%;
    border: 3px solid #419aff ;
    left: -20px;
    top: 16px;
    position: absolute;
  }
  .syMsgCot{
    width: 100%; margin:30px auto 20px; min-height: 30px;
    button{
      margin-right: 35px;float: left; padding: 0 20px !important; min-width: 120px !important;
    }
    em{
      display: inline-block;  color: #ff5d70; font-style: normal; float: left; margin-top: 15px;
    }
  }
}

.handFileBox {
  width:320px; float: left;
  height: 37px;
  position: relative; margin-right: 20px;
  .ant-input{
    background: #f1f2f6;
    border-color: transparent;
    color: #464d5b;
    float: left;
    line-height: 37px;
    min-height: 37px;
    width:320px;
  }
  em{
    position: absolute;
    width: 45px; display: inline-block; height: 30px;
    color: #c5c8d1 !important;
    font-size:20px; right: -15px; top: -10px;
  }
  em::after{
    position: absolute; left: -10px;top: 5px; width: 1px; height: 20px;
    content: ''; background: #dfe1ea;
  }
  a {
    display: inline-block;
    width: 320px;
    text-align: center;
    height: 37px; line-height: 37px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    color: #c5d3e4;
    border: 0px solid #84a4c9;
    border-radius: 4px;
    z-index: 9;
    opacity: 0;
    margin-left: -320px;
    input {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      width: 320px;
      z-index: 999;
    }
    .iconSpan{font-size: 40px; color: #419aff; margin-top: 20px}
  }
  .help-block {
    width: 100%;
    color: red;
    line-height: 18px;
  }
  .ivu-form-item-content{ height: 32px;}
  .ant-form-extra{
    margin-top: -10px !important;
  }
}
.formWidth{ width: 360px;}
.pushRouteTable{
  width: 750px;
  .ant-table {
    color: #6d7581;
    .ant-table-thead > tr > th {
      background: #f7f8fb;
      color: #464d5b;
      font-size: 15px;
      font-weight: 500;
      border-top: 0 solid #dfe4ed;
      border-bottom: 0 solid #dfe4ed;    padding: 10px 14px;
    }
    .ant-table-tbody {
      tr {
        td {
          border-bottom: 1px solid #f3f4f7;     padding: 10px 14px;
        }
      }
    }
  }
  a {
    margin-right: 17px;
    color: #419aff;
  }
  .adel {
    color: #ff4d4f !important;
  }
  .adel:hover {
    color: #ffa5a6 !important;
  }
  a:hover {
    color: #0c89e8;
  }
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header{
  overflow: hidden !important;
}

.importFile {
  float: left;
  width: 120px;
  position: relative;
  height: 37px;
  overflow: hidden;
  margin-bottom: 20px;
  input {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 37px;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
  }
  button{
   width: 100px;
  }
}

.btnGreen{
  background: #2cc141;
  border-color:#2cc141;
  margin-left: 80px;
}
.btnGreen:hover{
  opacity: 0.8;
}

.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 40px !important; margin-bottom: 10px;
  float: none !important;
  text-align: center;
  button{ margin-left: 20px; margin-right: 20px;}
}
.ant-modal-confirm{
  text-align: center;
  .ant-modal{
    top: 200px !important;

  }
  .ant-modal-content{
    border-radius: 4px !important;
    padding: 20px 0 22px 0 !important
  }
  .ant-modal-confirm-body > .anticon {
    float: none !important;
    margin-right: 16px;
    font-size: 30px;
    display: inline-block;
    vertical-align: top !important;
  }
  .ant-modal-confirm-title{
    /* float: right; text-align: left;
     width: calc(100% - 50px);*/
    display: inline-block;
    max-width: 300px;
    text-align: left;
    line-height: 32px;
  }
}
.ant-layout-sider-children{
  position: relative;
}
.ant-layout-sider-collapsed{
  padding:20px 0px !important;
  em{
    margin-left: 0 !important;
  }
}
.ant-tooltip-inner{
  em{
    margin-right: 10px !important; margin-left: -0px !important;
  }
}
.meunCollapsed{
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: 680px;
  width: 80px;
  height: 55px;
  background: #eaf3fe;
  border-radius: 4px;
  line-height: 55px !important;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  transition: color .3s;
  color: #419aff;
}
.meunCollapsed:hover{
  opacity: 0.8;
}


.algList{
  width: 100%; font-family: "Microsoft YaHei";
  dl {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    line-height: 30px;
    padding: 0;
    vertical-align: top;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    dt {
      font-weight: 500; list-style: none; font-style: normal; display: inline-block; width: 190px;
      padding-right:10px; text-align: right; font-size: 15px;
      vertical-align: top;
    }
    dd{
      display: inline-block; width: calc(100% - 190px);
      span{
        display: inline-block; margin-right: 10px;    min-width: 230px; width: 100%;
      }
      button{
        span{
          min-width:62px !important;
        }
      }
      .allSpan{ width: 100%; }
    }

    .minSpan{max-height: 60px; overflow-y: scroll;}
    a {
      color: #0f253e;
    }
  }
}